<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/commons/global.jsp"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'freightReport.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="${staticPath }/static/bootstrap/bootstrap.min.css" />

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="${staticPath }/static/bootstrap/bootstrap-theme.min.css" />
</head>

<body style="margin:0;padding:0">
	<div style="margin-top:10px;text-align: right;">
		<a href="/haierp1/bi/sale/selectSaleItemReportByMouth" style="padding-left:5px;"><input type="button" value="切换到月销售报表"/></a>	
	</div>
	<div style="width:75%;  margin: 0 auto;margin-top:25px">
	    <p style="font-size:18px">注：历年售出SKU所占平均比</p>
		<table class="table table-bordered">
			<tr class="info">
				<td style="text-align:center;vertical-align:middle">售出1-2个</td>
				<td style="text-align:center;vertical-align:middle">售出2-5个</td>
				<td style="text-align:center;vertical-align:middle">售出5-10个</td>
				<td style="text-align:center;vertical-align:middle">售出10-20个</td>
				<td style="text-align:center;vertical-align:middle">售出20-30个</td>
				<td style="text-align:center;vertical-align:middle">售出30-40个</td>
				<td style="text-align:center;vertical-align:middle">售出40-50个</td>
				<td style="text-align:center;vertical-align:middle">售出大于50个</td>
				<td style="text-align:center;vertical-align:middle">售出总共数量</td>
			</tr>
				<td style="text-align:center;vertical-align:middle">${saleProbability.zeroTwo}%</td>
				<td style="text-align:center;vertical-align:middle">${saleProbability.twoFive}%</td>
				<td style="text-align:center;vertical-align:middle">${saleProbability.fiveTen}%</td>
				<td style="text-align:center;vertical-align:middle">${saleProbability.tenTwenty}%</td>
				<td style="text-align:center;vertical-align:middle">${saleProbability.twentyThirty}%</td>
				<td style="text-align:center;vertical-align:middle">${saleProbability.thirtyForty}%</td>
				<td style="text-align:center;vertical-align:middle">${saleProbability.fortyFifty}%</td>
				<td style="text-align:center;vertical-align:middle">${saleProbability.moreThanFifty}%</td>
				<td style="text-align:center;vertical-align:middle">${saleProbability.totalQuantity}</td>
		</table>
	</div>
	<div style="width:75%;  margin: 0 auto;margin-top:25px">
		<p style="font-size:18px">注：历年售出SKU大于30的商品</p>
		<table class="table table-bordered">
			<tr class="info">
				<td style="text-align:center;vertical-align:middle;width:60px;">时间</td>
				<td style="text-align:center;vertical-align:middle">商品图片</td>
				<td style="text-align:center;vertical-align:middle">商品名称</td>
				<td style="text-align:center;vertical-align:middle">商品代码</td>
				<td style="text-align:center;vertical-align:middle">商品尺寸</td>
				<td style="text-align:center;vertical-align:middle">商品颜色</td>
				<td style="text-align:center;vertical-align:middle">商品历史销售数量</td>
			</tr>

			<c:set var="tjNum" value="1" />
			<c:forEach items="${saleList}" var="sale">
				<tr>
					<c:if test="${tjNum == 1}">
						<td rowspan=${shipMap[sale.dimensionDateStr].count}	style="text-align:center;vertical-align:top">${sale.dimensionDateStr}</td>
					</c:if>
					<td style="text-align:center;vertical-align:middle"><img class="skuPic" style="width:150px;" src="${sale.skuPic}"/></td>
					<td style="text-align:center;vertical-align:middle;width:250px;">${sale.itemName}</td>
					<td style="text-align:center;vertical-align:middle;width:100px;">${sale.skuCode}</td>
					<td style="text-align:center;vertical-align:middle">${sale.scale}</td>
					<td style="text-align:center;vertical-align:middle">${sale.color}</td>
					<td style="text-align:center;vertical-align:middle">${sale.statisticSkuQuantity}</td>
				</tr>
				<c:if test="${tjNum == shipMap[sale.dimensionDateStr].count}">
					<c:set var="tjNum" value="0" />
				</c:if>
				<c:set var="tjNum" value="${tjNum+1}" />
			</c:forEach>
		</table>
</body>
</div>
</html>





